<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学院新闻列表 - 华北电力大学控制与计算机工程学院</title>
    <link rel="stylesheet" href="./style/normalize.css">
    <link rel="stylesheet" href="./style/list.css">
    <script src="/style/index.js"></script>

</head>
<body>
    <!-- 复用首页顶部栏 -->
    <header class="top-bar">
        <div class="top-bar-inner">
            <div class="logo-group">
                <img src="https://cce.ncepu.edu.cn/images/logo_02.png" alt="华北电力大学校徽">
                <img src="https://cce.ncepu.edu.cn/images/logo_03.png" alt="控制与计算机工程学院院徽">
            </div>
            <div class="search-box">
                <input type="text" placeholder="search">
                <button class="search-btn">
                    <img src="https://cce.ncepu.edu.cn/images/search_btn.png" alt="搜索图标">
                </button>
            </div>
        </div>
    </header>

    <!-- 复用首页导航栏 -->
    <nav class="main-nav">
        <ul class="nav-list">
            <li><a href="index.html">首页</a></li>
            <li><a href="#">学院概况</a></li>
            <li><a href="#">师资队伍</a></li>
            <li><a href="#">研究生教育</a></li>
            <li><a href="#">本科生教育</a></li>
            <li><a href="#">科学研究</a></li>
            <li><a href="#">党群工作</a></li>
            <li><a href="#">学生工作</a></li>
            <li><a href="#">交流合作</a></li>
            <li><a href="#">下载中心</a></li>
        </ul>
    </nav>

    <!-- 列表页核心内容 -->
    <div class="list-page-container">
        <!-- 面包屑导航 -->
        <div class="breadcrumbs">
            <a href="index.html">首页</a> > <span>学院新闻</span>
        </div>

        <!-- 新闻列表 -->
        <div class="news-list">
            <ul>
                <li>
                    <a href="detail.html">绿茵逐梦石家庄！华北电力大学电力之光队斩获机器人大赛暨国际邀请赛一等奖</a>
                    <span class="news-time">2025-10-31</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院举办“初心铸魂担使命，能源报国启新程”主题党日活动</a>
                    <span class="news-time">2025-10-31</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院成功举办“学风共建，E路奋进”活动启动仪式</a>
                    <span class="news-time">2025-10-30</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院教职工党支部深入学习贯彻党的二十届四中全会精神</a>
                    <span class="news-time">2025-10-30</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院杨静教授团队在Nature子刊发表重要研究成果</a>
                    <span class="news-time">2025-10-29</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院分工会举办“我与华电共奋进”主题分享会</a>
                    <span class="news-time">2025-10-24</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院举办“E+讲堂”活动</a>
                    <span class="news-time">2025-10-24</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院全体师生积极参与校秋季运动会</a>
                    <span class="news-time">2025-10-20</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院邀请廖志丹赴学院进行党建工作指导与培训</a>
                    <span class="news-time">2025-10-17</span>
                </li>
                <li>
                    <a href="detail.html">控制与计算机工程学院召开2025版自动化、测控技术与仪器、机器人工程本科专业人才培养方案专家论证会</a>
                    <span class="news-time">2025-10-01</span>
                </li>
            </ul>
        </div>

        <!-- 分页 -->
        <div class="pagination">
            <a href="#" class="disabled">上一页</a>
            <a href="#" class="active">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">下一页</a>
        </div>
    </div>

    <!-- 复用首页页脚 -->
    <footer class="footer">
        <p>地址：北京市昌平区北农路2号 | 电话：010-61772568</p>
        <p>© 2025 华北电力大学 控制与计算机工程学院</p>
    </footer>

    <!-- 复用回到顶部按钮 -->
    <button class="back-to-top">TOP</button>

    <script src="/style/index.js"></script>
    <script>
        // 分页交互（与目标网站风格匹配的简单逻辑）
        document.addEventListener('DOMContentLoaded', function() {
            const paginationLinks = document.querySelectorAll('.pagination a:not(.disabled)');
            paginationLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    paginationLinks.forEach(item => item.classList.remove('active'));
                    this.classList.add('active');
                });
            });
        });
    </script>
</body>
</html>